$(document).ready(function () {
    // show 
    $('#show_settings_button').click(function (e) {
        showSettings();
    });
    // hide
    $('#hide_settings_button').click(function (e) {
        hideSettings();
    });
    //set show or hide subcribe when user dont want
    var hide = $.cookie('Cookie-Hide');
    if (hide == 'true') hideSettings();
    // select theme type
    var skin_type = $.cookie('skin_type');
    $('#skin_type [value=' + skin_type + ']').attr('selected', 'selected');
    $('body').attr('id', skin_type);
    
    $('#skin_type').change(function () {
        selType();
    });
    // select theme width
    var skin_wid = $.cookie('skin_wid');
    var skin_wid = 'boxed';
    $('#skin_bg [value=' + skin_wid + ']').attr('selected', 'selected');
    $('body').addClass(skin_wid).attr('skin_wid', skin_wid);
    if (skin_wid != 'boxed') $('.boxes_bg').hide();
    else $('.boxes_bg').show();

    $('#skin_bg').change(function () {
        skinBg();
    });

    // color theme
    var skin_color = $.cookie('skin_color');
    if (skin_color == 'null') skin_color = 'blue';
    $('body').addClass(skin_color).attr('skin_color', skin_color);
    $('#color_scheme a').click(function (e) {
        skin_color = $(this).attr('id');
        bef_skin_color = $('body').attr('skin_color');
        $('body').attr('skin_color', skin_color).removeClass(bef_skin_color).addClass(skin_color);
        $.cookie('skin_color', skin_color);
    });
    // pattern theme
    var skin_pattern = $.cookie('skin_pattern');
    $('body').addClass(skin_pattern).attr('skin_pattern', skin_pattern);
    $('#pattern_scheme a').click(function (e) {
        skin_pattern = $(this).attr('id');
        bef_skin_pattern = $('body').attr('skin_pattern');
        $('body').attr('skin_pattern', skin_pattern).removeClass(bef_skin_pattern).addClass(skin_pattern);
        $.cookie('skin_pattern', skin_pattern);
    });


    // select theme font
    var skin_font = $.cookie('skin_font');
    $('#skin_font [value=' + skin_font + ']').attr('selected', 'selected');
    $('body').addClass(skin_font).attr('skin_font', skin_font);
    $('#skin_font').change(function () {
        skinFont();
    });

    $('#reset_styles').click(function (e) {
        resetStyles();
    });

    // preloader select 
    $('.main_skin').click(function () {
        skin_type = $(this).attr('name');
        $.cookie('skin_type', skin_type);
        $.cookie('skin_color', 'blue');
        $.cookie('skin_wid', $(this).parent('.preloader_skin').find('.link_bg:first').attr('name'));
    });
    $('.link_bg').click(function () {
        skin_wid = $(this).attr('name');
        $.cookie('skin_wid', skin_wid);
        $.cookie('skin_color', 'blue');
        $.cookie('skin_type', $(this).parents('.preloader_skin').find('.main_skin:first').attr('name'));
    });

});



function resetStyles(){
	$('#skin_type option:first').attr('selected','selected');
	selType();
	$('#skin_bg option:first').attr('selected','selected');
	skinBg();
	$('#color_scheme a:first').click();
	$('#skin_font option:first').attr('selected','selected');
	skinFont();	
}

function selType(){
	var skin_type = $('#skin_type').val();
	$('body').attr('id',skin_type);
	$.cookie('skin_type',skin_type);
	if($('body').attr('skin_color')=='null'){
		$('body').attr('skin_color','blue').addClass('blue');
		$.cookie('skin_color','blue');
	}
}
function skinBg(){
	var skin_wid = $('#skin_bg').val();
	var bef_skin_wid = $('body').attr('skin_wid');
	$('body').attr('skin_wid',skin_wid).removeClass(bef_skin_wid).addClass(skin_wid);
	$.cookie('skin_wid',skin_wid);
	if(skin_wid!='boxed') $('.boxes_bg').hide();
	else $('.boxes_bg').show();
}
function skinFont(){
	var skin_font = $('#skin_font').val();
	var bef_skin_font = $('body').attr('skin_font');
	$('body').attr('skin_font',skin_font).removeClass(bef_skin_font).addClass(skin_font);
	$.cookie('skin_font',skin_font);
}

function showSettings(){
     
    $('.theme_settings_container').stop(true,false).animate({left:0,opacity:1});
}
function hideSettings() {
    var hide = $.cookie('Cookie-Hide');
    if (hide !='true') $.cookie('Cookie-Hide', 'true');
	$('.theme_settings_container').stop(true,false).animate({left:-376,opacity:0});
}